main {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.wrap {
    width: 100%;
    height: 600%;
    position: absolute;
    top: 0;
    transition: all .5s ease-in;
}

.wrap section {
    width: 100%;
    height: calc(100% / 6);
    overflow: hidden;
}

.wrap section .main {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}


/* 标题 */

.wrap section .title {
    width: 100%;
    height: 93px;
    font-size: 72px;
    color: #fff;
    letter-spacing: -12px;
    text-align: center;
    line-height: 140%;
    position: absolute;
    left: 0px;
    top: 87px;
    z-index: 100;
    transform: translateY(-180px);
    transition: all 1s .5s;
}


/* 英文 */

.wrap section .english {
    width: 100%;
    height: 51px;
    font-size: 24px;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    line-height: 140%;
    position: absolute;
    left: 0px;
    top: 177px;
    z-index: 101;
    transform: translateY(-230px);
    transition: all 1s .6s;
}


/* ______________________________焦点______________________________ */

.doc {
    width: 90px;
    height: 162px;
    font-size: 12px;
    color: #fff;
    position: fixed;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 999;
}

.doc li {
    width: 100%;
    height: 12px;
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.doc li .item {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #C8D7DD;
    opacity: .4;
    cursor: pointer;
    transition: all .5s;
}

.doc li .item-on {
    background: #C8D7DD!important;
    opacity: 1!important;
}

.doc li div {
    position: absolute;
    right: 25px;
    top: 2px;
    display: none;
}

.doc li:hover div {
    display: block;
}


/* ______________________________首页______________________________ */

.wrap section:nth-of-type(1) {
    background: url(../images/banner1.jpg) no-repeat center;
    background-size: cover;
}


/* logo */

.wrap section:nth-of-type(1) .main .logo {
    width: 229px;
    height: 83px;
    position: absolute;
    left: 0px;
    top: 51px;
    z-index: 100;
}


/* 导航 */

.wrap section:nth-of-type(1) .main nav {
    width: 888px;
    height: 42px;
    position: absolute;
    left: 312px;
    top: 85px;
    z-index: 101;
    display: flex;
}

.wrap section:nth-of-type(1) .main nav a {
    width: calc(100% / 6);
    height: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 42px;
}

.wrap section:nth-of-type(1) .main nav .on {
    background: url(../images/menu.png) no-repeat top center;
    color: #df0024;
}


/* 舌尖上的美味 */

.wrap section:nth-of-type(1) .main .tasty {
    width: 100%;
    height: 124px;
    font-size: 100px;
    color: #fff;
    text-align: center;
    line-height: 140px;
    letter-spacing: -10px;
    position: absolute;
    left: 0px;
    top: 356px;
    z-index: 100;
    transform: rotateY(180deg);
    transition: all 1s .5s;
}


/* 具体介绍 */

.wrap section:nth-of-type(1) .main .introduce {
    width: 100%;
    height: 68px;
    text-align: center;
    color: #fff;
    position: absolute;
    left: 0px;
    top: 478px;
    z-index: 101;
    transform: scale(0.000001);
    transition: all 1s .5s;
}

.wrap section:nth-of-type(1) .main .introduce p {
    line-height: 170%;
}


/* 查看详情&联系我们 */

.wrap section:nth-of-type(1) .main .details {
    width: 171px;
    height: 50px;
    background-color: #a60707;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 432px;
    top: 558px;
    z-index: 102;
    transform: translateX(-773px);
    transition: all 1s .5s, background-color 0.4s;
}

.wrap section:nth-of-type(1) .main .details:hover {
    background-color: #000;
}

.wrap section:nth-of-type(1) .main .details:last-of-type {
    transform: translateX(744px);
    left: 615px;
    background-color: #000;
}

.wrap section:nth-of-type(1) .main .details:last-of-type:hover {
    background-color: #a60707;
}


/* ______________________________关于我们______________________________ */

.wrap section:nth-of-type(2) {
    background: url(../images/banner2.jpg) no-repeat center;
    background-size: cover;
}


/* 有限公司 */

.wrap section:nth-of-type(2) .company {
    width: 738px;
    height: 42px;
    font-size: 24px;
    color: #a60707;
    line-height: 140%;
    position: absolute;
    left: 0px;
    top: 289px;
    z-index: 103;
    transform: translateX(-968px);
    transition: all 1s .5s;
}


/* 公司简介 */

.wrap section:nth-of-type(2) .company-idc {
    width: 728px;
    height: 365px;
    padding-right: 30px;
    font-size: 14px;
    color: #d9d9d9;
    position: absolute;
    left: 0px;
    top: 339px;
    z-index: 104;
    box-sizing: border-box;
    overflow: hidden;
    transform: translateX(-968px);
    transition: all 1s .5s;
}

.wrap section:nth-of-type(2) .company-idc p {
    margin-bottom: 16.8px;
    text-indent: 2em;
    line-height: 181%;
}

.wrap section:nth-of-type(2) .company-idc p:nth-child(3) {
    margin-bottom: 25.3px;
}

.wrap section:nth-of-type(2) .company-idc p:nth-child(4) {
    margin-bottom: 30.8px;
}


/* 滚轮 */

.wheel {
    width: 16px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.wheel:hover .wheel-back,
.wheel:hover .wheel-forward,
.wheel:hover .bgtiao,
.wheel:hover .dong {
    opacity: 1;
}

.wheel-back,
.wheel-forward {
    display: block;
    width: 100%;
    height: 20px;
    opacity: 0.4;
}

.wheel-back {
    background: url(../images/wheel.png) no-repeat;
}

.wheel-forward {
    background: url(../images/wheel.png) no-repeat 0 -20px;
}

.wheel-tiao {
    width: 100%;
    height: 325px;
}

.wheel-tiao .bgtiao {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    border-radius: 16px;
    background-color: #666666;
    opacity: 0.4;
    position: relative;
}

.wheel-tiao .dong {
    width: 4px;
    height: 200px;
    border-radius: 16px;
    background-color: #000000;
    opacity: 0.75;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    cursor: pointer;
    transition: all .2s ease-in-out;
}


/* 公司图片 */

.wrap section:nth-of-type(2) .company-img {
    width: 428px;
    height: 425px;
    position: absolute;
    left: 772px;
    top: 287px;
    z-index: 102;
    transform: translateX(668px);
    transition: all 1s .5s;
}

.wrap section:nth-of-type(2) .company-img img {
    width: 100%;
    height: 100%;
}


/* ______________________________优质服务______________________________ */

.wrap section:nth-of-type(3) {
    background: url(../images/banner3.jpg) no-repeat center;
    background-size: cover;
}

.wrap section:nth-of-type(3) .search {
    width: 330px;
    height: 448px;
    border-radius: 50px;
    border: 1px solid #fff;
    position: absolute;
    top: 250px;
    z-index: 101;
    box-sizing: border-box;
}

.wrap section:nth-of-type(3) .one img,
.wrap section:nth-of-type(3) .one .search-title,
.wrap section:nth-of-type(3) .one .search-txt {
    transform: translateX(-501px);
    transition: all 1s .5s;
}

.wrap section:nth-of-type(3) .two img,
.wrap section:nth-of-type(3) .two .search-title,
.wrap section:nth-of-type(3) .two .search-txt {
    transform: translateX(-939px);
    transition: all 1s .5s;
}

.wrap section:nth-of-type(3) .three img,
.wrap section:nth-of-type(3) .three .search-title,
.wrap section:nth-of-type(3) .three .search-txt {
    transform: translateX(600px);
    transition: all 1s 1s;
}

.wrap section:nth-of-type(3) .search img {
    width: 151px;
    height: 107px;
    position: absolute;
    left: 90px;
    top: 107px;
    z-index: 130;
}

.wrap section:nth-of-type(3) .search .search-title {
    width: 326px;
    height: 48px;
    font-size: 24px;
    color: #fff;
    text-align: center;
    line-height: 140%;
    position: absolute;
    left: 0px;
    top: 236px;
    z-index: 133;
}

.wrap section:nth-of-type(3) .search-txt {
    width: 333px;
    height: 63px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 140%;
    position: absolute;
    left: 0px;
    top: 285px;
    z-index: 107;
}

.wrap section:nth-of-type(3) .one {
    left: 0px;
}

.wrap section:nth-of-type(3) .two {
    left: 438px
}

.wrap section:nth-of-type(3) .three {
    left: 870px;
}


/* ______________________________菜品系列______________________________ */

.wrap section:nth-of-type(4) {
    background: url(../images/banner4.jpg) no-repeat center;
    background-size: cover;
}


/* 系列 */

.wrap section:nth-of-type(4) .finds {
    width: 945px;
    height: 42px;
    position: absolute;
    left: 128px;
    top: 225px;
    z-index: 101;
    display: flex;
}

.wrap section:nth-of-type(4) .finds a {
    width: 16.666666666667%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    background: url(../images/caipin.png) no-repeat top center;
}

.wrap section:nth-of-type(4) .finds .active {
    background: url(../images/caipinhover.png) no-repeat top center;
}


/* 菜品展示图 */

.wrap section:nth-of-type(4) .caitu {
    width: calc(100% - 340px);
    height: 365px;
    margin: 0 170px;
    position: absolute;
    left: 0px;
    top: 280px;
    z-index: 102;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
}

.wrap section:nth-of-type(4) .caitu a {
    width: 200px;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wrap section:nth-of-type(4) .caitu a img {
    width: 100%;
    height: 160px;
}

.wrap section:nth-of-type(4) .caitu a span {
    font-size: 14px;
    color: #fff;
    line-height: 140%;
}


/* 查看更多 */

.more {
    width: 188px;
    height: 52px;
    background-color: #a60707;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 52px;
    position: absolute;
    left: 506px;
    bottom: 8px;
    z-index: 102;
    transform: translateY(60px);
    transition: all 1s .5s, background-color 0.4s;
}

.more:hover {
    background-color: #000;
}


/* ______________________________新闻中心______________________________ */

.wrap section:nth-of-type(5) {
    background: url(../images/banner5.jpg) no-repeat center;
    background-size: cover;
}


/* 新闻图片 */

.wrap section:nth-of-type(5) .news-img {
    width: 500px;
    height: 366px;
    position: absolute;
    left: 0px;
    top: 274px;
    z-index: 103;
}

.wrap section:nth-of-type(5) .news-img img {
    width: 450px;
    height: 260px;
    margin-bottom: 8px;
    cursor: pointer;
}

.wrap section:nth-of-type(5) .news-tips {
    width: 441px;
    height: 98px;
    padding: 0 3px 0 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrap section:nth-of-type(5) .news-tips .tips-top {
    width: 100%;
    height: 24.6px;
    padding-top: 5px;
    box-sizing: border-box;
}

.wrap section:nth-of-type(5) .news-tips .tips-top a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    line-height: 140%;
}

.wrap section:nth-of-type(5) .news-tips .tips-top a:hover {
    color: #ff0000;
}

.wrap section:nth-of-type(5) .news-tips .tips-mid {
    width: 100%;
    height: 16.8px;
    font-size: 12px;
    color: #929292;
}

.wrap section:nth-of-type(5) .news-tips .tips-btm {
    width: 100%;
    height: 33.6px;
    font-size: 12px;
    color: #fff;
    line-height: 140%;
}


/* 新闻内容 */

.wrap section:nth-of-type(5) .news {
    width: 699px;
    height: 360.6px;
    position: absolute;
    left: 501px;
    top: 275px;
    z-index: 104;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrap section:nth-of-type(5) .news .news-con {
    width: 100%;
    height: 115.8px;
}

.wrap section:nth-of-type(5) .news .news-con:first-of-type {
    height: 99px;
}

.wrap section:nth-of-type(5) .news .news-con .news-title {
    height: 16.8px;
    margin-bottom: 5px;
    display: flex;
}

.wrap section:nth-of-type(5) .news .news-con .news-title a {
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
    line-height: 140%;
}

.wrap section:nth-of-type(5) .news .news-con .news-title a:hover {
    color: #a60707;
}

.wrap section:nth-of-type(5) .news .news-con .news-time {
    height: 22.8px;
    font-size: 12px;
    color: #929292;
}

.wrap section:nth-of-type(5) .news .news-con .news-txt {
    padding: 5px 0 15px;
    border-bottom: 1px dashed #ffffff;
    font-size: 12px;
    color: #fff;
}


/* ______________________________联系我们______________________________ */

.wrap section:nth-of-type(6) {
    background: url(../images/banner6.jpg) no-repeat center;
    background-size: cover;
}


/* 地图 */

.wrap section:nth-of-type(6) .map {
    width: 759px;
    height: 423px;
    position: absolute;
    left: 0;
    bottom: 50px;
    z-index: 9;
    overflow: hidden;
    user-select: none;
}


/* 热线 */

.wrap section:nth-of-type(6) .phone {
    width: 439px;
    height: 423px;
    position: absolute;
    left: 761px;
    bottom: 50px;
    z-index: 101;
}

.wrap section:nth-of-type(6) .phone .phone-con {
    width: 437px;
    height: 421px;
    border: 1px solid rgb(166, 7, 7);
    background-color: #000;
    opacity: 0.52;
}


/* 小图标 */

.wrap section:nth-of-type(6) .phone .phone-con .tubiao {
    width: 29px;
    height: 217px;
    position: absolute;
    left: 13px;
    top: 43px;
    z-index: 143;
}


/* 联系方式 */

.wrap section:nth-of-type(6) .phone .phone-con .phone-way {
    width: 376px;
    height: 220px;
    position: absolute;
    left: 51px;
    top: 35px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.wrap section:nth-of-type(6) .phone .phone-con .phone-way p {
    color: #fff;
}

.wrap section:nth-of-type(6) .phone .phone-con .phone-way p a {
    color: #fff;
}

.wrap section:nth-of-type(6) .phone .phone-con .phone-way p:first-of-type {
    margin-top: 10px;
}


/* 二维码 */

.wrap section:nth-of-type(6) .phone .phone-con .qrcode {
    width: 115px;
    height: 115px;
    position: absolute;
    left: 64px;
    top: 280px;
    z-index: 144;
}